{% extends "form_comp_base.html" %}

{% block content %}

<div class="container-fluid">
  <div class="row">
  <div class="col-md-10 col-md-offset-1 col-sm-12">
    {% if content %}
    <div class="alert alert-warning alert-dismissible fade in" role="alert" id="warning-message"{% if alert_data %} alert_data="{{ alert_data }}"{% endif %}>
      <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <strong>警告</strong> {{ content }}
    </div>
    {% endif %}
    <div class="panel panel-default">
      <div class="panel-body">
        <p class="text-center" style="margin-bottom: 0px;font-size: 800%;">
          <span class="glyphicon glyphicon-th">
          </span>
        </p>
        <br />
        <h4 class="text-center" style="margin-top: 0px;">请在下方填入 session ID 和 Token</h4>
        <div class="row">
          <div class="col-lg-6 col-lg-offset-3">
            <form method="post" action="/session/">
              {% csrf_token %}
              <div class="form-group form-group-lg">
                <label>session ID</label>
                <input name="session" type="text" class="form-control" placeholder="Session ID" maxlength="15" value="{{ session }}">
              </div>
              <div class="form-group">
                <label>Session Token</label>
                <div class="input-group input-group-lg">
                  <input name="token" type="password" class="form-control" placeholder="Session Token" maxlength="15" value="{{ token }}">
                  <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit">
                      <span class="glyphicon glyphicon-chevron-right"></span> 创建会话
                    </button>
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}
